
@import "variables";
seed-portal{
  .seed-mine-page {
    background: color($h5, c9);
  }

  .mine-new-team {
    margin-top: pxTorem(15);
    width: 100%;
    background: color($h5, c10);
    ul {
      padding-left: pxTorem(30);
      width: 100%;
      li {
        display: flex;
        align-items: center;
        height: pxTorem(96);
        .mine-team-news {
          margin-right: pxTorem(24);
          width: pxTorem(40);
          height: pxTorem(40);
        }
        .mine-team-clum {
          display: flex;
          align-items: center;
          position: relative;
          width: 100%;
          height: pxTorem(96);
          line-height: pxTorem(96);
          .person-arrow {
            position: absolute;
            right: pxTorem(30);
            top: pxTorem(40);
            width: pxTorem(20);
            height: pxTorem(11);
            transform: rotate(-90deg); /* Safari 和 Chrome */
          }
          .mine-news-number {
            position: absolute;
            right: pxTorem(60);
            top: pxTorem(34);
            width: pxTorem(30);
            height: pxTorem(30);
            @include font-dpr(18px);
            line-height: pxTorem(30);
            text-align: center;
            color: color($h5, c10);
            background: #EC4140;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
          }
        }
        .mine-team-clum:after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          width: 100%;
          display: block;
          -webkit-transform: scaleY(.5);
          transform: scaleY(.5);
          height: 1px;
          z-index: 9;
          border-bottom: 1px solid #e8e8e8;
        }
      }
      li:last-child {
        .mine-team-clum:after {
          content: none;
          // border-bottom: 1px solid transparent;
        }
      }
    }
  }

  .seed-scroll-content{
    background: color($h5,c10);
  }
  width: 100%;
  height: 100%;
  .wallet-content{
    padding:pxTorem(20) pxTorem(21) pxTorem(0) pxTorem(21);
    .top {
      width: 100%;
      height: pxTorem(367);
      background: url('#{$icons-path}/wallet-bg.png') no-repeat;
      background-size: 100% 100%;
      width: 100%;
      .name{
        width: 100%;
        text-align: center;
        font-size: pxTorem(24);
        color:color($h5,c10);
        padding-top: pxTorem(60);
        opacity: 0.71;
      }
      .wallet-total{
        width: 100%;
        text-align: center;
        font-size: pxTorem(66);
        color:color($h5,c10);
        //margin-top: pxTorem(20);
      }
      .wallet-item{
        width: 50%;
        text-align: center;
        float:left;
        padding-top: pxTorem(80);
        p:first-child{
          font-size: pxTorem(36);
          color:color($h5,c10)
        }
        p:last-child{
          font-size: pxTorem(24);
          color:color($h5,c10);
          opacity: 0.71;
        }
      }
    }

  }
  .question{
    width: 100%;
    text-align: center;
    font-size: pxTorem(26);
    color:color($h5,c4);
    position: absolute;
    bottom:pxTorem(20);
    left:0;

  }

}


